<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>瀚林学士认证信息页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no viewport-fit=cover" />
		<link rel="stylesheet" type="text/css" href="../../Common/css/ufun.css" />
		<link href="../../Common/css/mui.min.css" rel="stylesheet" />
		<script src="../../Common/js/mui.min.js"></script>
		<script src="../js/settings.js"></script>
		<script src="../../Common/js/jump.js"></script>
		<script src="../../Common/js/tools.js"></script>
		<script type="text/javascript" src="../../Common/js/lib/jquery-3.4.1.min.js"></script>
		<link rel="stylesheet" href="../../Common/css/lib/materialize.min.css">
		<script src="../../Common/js/lib/materialize.min.js"></script>
		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
		<style type="text/css">
			html{
				overflow: auto;
			}
			
			header{
				border-bottom: 1px var(--color-gray-white) solid;
				box-shadow: 0 0 0px;
			}
			
			#Title{
				margin: 0;
				font-size: 4vw;
			}
			
			html, .content {
				background-color: var(--color-white) !important;
				margin-top: 6vw;
			}
			
			.content img {
				height: 50vw;
			}
			
			h1{
				margin: 0;
				margin-bottom: 10vw;
				font-size: 10vw;
			}
			
			.content h6, p {
				color: var(--color-gray-medium);
				margin: 6vw;
			}
			
			.content ol{
				padding-left: 10vw;
				margin-bottom: 10vw;
			}
			
			.content li{
				padding: 3vw;
				color: var(--color-gray-dark);
				border-bottom: 1px dotted var(--color-yellow);
			}
			
			.divider {
				margin: 10vw;
				height: 2px;
				border-radius: 5px;
				width: 80%;
				background:var(--color-yellow);
			}
			
			img {
				margin: 0 auto;
				width: 50vw;
			}
			
			#verify-title {
				margin: 3vw auto;
			}
			
			
			.set-btn-container {
				margin-bottom: 10vw;
				text-align: center;
			}
			
			.set-btn {
				width: 80%;
				height: 5.5vh;
				background: var(--color-yellow);
				border-radius: 4.8vh;
				border-style: none;
				color: #4b4a48;
				font-size: 3vw;
				margin-top: 3vh;
			}
			
			
		</style>
	</head>
	<body>
		<!-- 标题栏 -->
		<header>
			<div id="Left" class="com-btn" onmouseup="ThisClose();">
				<i class="material-icons">keyboard_arrow_left</i>
			</div>
			<p id="Title">瀚林学士认证申请</p>
		</header>
		
		<div class="content">
			
			<img src="img/hlxs-logo.png" >
			
			<div id="verify-title">
				<h6>嗨！这位牛人，快来成为校圈的瀚林学士吧！</h6>
			</div>
			
			<div class="divider"></div>
			
			<img src="../../Login/img/undraw_selecting_1lx3.svg" >
			<h6>瀚林学士认证好处</h6>
			<p>瀚林学士是通过瀚抒官方平台审批开通的高级用户权限，能获得瀚林学士认证的用户视为瀚抒平台的优秀分享者们。</p>
			<ol>
				<li>认证用户可以享有尊贵认证标签</li>
				<li>认证用户可以开启讲座收费功能</li>
				<li>认证用户的讲座将会排序靠前</li>
				<li>认证用户获得更多的曝光机会</li>
				<li>认证用户将有机会参与平台推广活动</li>
				<li>认证用户将有机会提高收益</li>
			</ol>
			
			<div class="divider"></div>
			
			<img src="img/undraw_to_do_list_a49b.svg" >
			<h6>申请需要条件</h6>
			<p>满足以下任何一条的用户可以获得申请瀚林学士认证的资格。请核对自己的评分来确认是否已满足申请条件，没有满足条件的申请将会被拒绝。但您仍可以在满足要求后再次申请。</p>
			<ol>
				<li>用户至少创作过3篇文章，且文章均分在4分以上</li>
				<li>用户回答过至少10个问题，且用户综合分数在4.5分以上</li>
				<li>*其他任何可以侧面证明用户十分优秀的文件资料</li>
			</ol>
			
			<form name="next" class="set-btn-container" action="hanlinxueshi-verfication-email-page.html">
				<button type="submit" class="set-btn">提交申请</button>
			</form>
			
		</div>

		<script>
			var current;

			mui.init();
			mui.plusReady(function() {
				GetStatusTop();
				current = plus.webview.currentWebview();
				TAG('h1')[0].innerHTML += plus.storage.getItem('version');
				DoShow(current);
			});

		</script>
	</body>
</html>